import { CommonModule  } from '@angular/common'
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module'
import { AppComponent } from './app.component'
import { NzLayoutModule } from 'ng-zorro-antd/layout'
import { NzMenuModule } from 'ng-zorro-antd/menu'
import { FormsModule,ReactiveFormsModule } from '@angular/forms'
import { NzFormModule } from 'ng-zorro-antd/form'
import { NzButtonModule } from 'ng-zorro-antd/button'
import { NzInputModule } from 'ng-zorro-antd/input'
import { NzIconModule } from 'ng-zorro-antd/icon'
import { NzSkeletonModule } from 'ng-zorro-antd/skeleton'
import { HttpClientModule } from '@angular/common/http'
import { BrowserAnimationsModule } from '@angular/platform-browser/animations'
import { NZ_I18N } from 'ng-zorro-antd/i18n'
import { zh_CN } from 'ng-zorro-antd/i18n'
import { registerLocaleData } from '@angular/common'
import zh from '@angular/common/locales/zh'
import { NzGridModule } from 'ng-zorro-antd/grid'
import { LoginComponent } from '../pages/login/login.component'
import { CoreModule } from '../core/core.module'
import { ArticleComponent } from '../pages/article/article.component'
import { NzDividerModule } from 'ng-zorro-antd/divider'
import { SafeHtmlPipe } from '../core/pipes/safeHtml'
import { DateFormatPipe } from '../core/pipes/dateFormat'

registerLocaleData(zh);

@NgModule({
  declarations: [
    AppComponent,
    LoginComponent,
    ArticleComponent,
    SafeHtmlPipe,
    DateFormatPipe
  ],
  imports: [
    CommonModule,
    AppRoutingModule,
    NzLayoutModule,
    NzMenuModule,
    FormsModule,
    HttpClientModule,
    BrowserAnimationsModule,
    NzFormModule,
    NzButtonModule,
    ReactiveFormsModule,
    NzIconModule,
    NzInputModule,
    NzSkeletonModule,
    NzGridModule,
    CoreModule,
    NzDividerModule
  ],
  providers: [{ provide: NZ_I18N, useValue: zh_CN }],
  bootstrap: [AppComponent]
})
export class AppModule { }
